<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单</title>
    <link rel="stylesheet" href="./css/baseShop.css">
    <link rel="stylesheet" href="./css/order.css">
    <!-- http://127.0.0.1:3000/game/order.html -->
</head>

<body>
    <header class="y_header">
        <nav>
            <div id="userName" class="userdiv"></div>
        </nav>
    </header>
    <section class="y_section">
        <div>
            <ul class="y_oderStep">
                <li>
                    <span id="y_oderStepActive">1</span>
                    <h6>查看购物车</h6>
                </li>
                <li>
                    <div class="y_oderStepLink"></div>
                </li>
                <li>
                    <span class="y_oder_icon">2</span>
                    <h6>拍下商品</h6>
                </li>
                <li>
                    <div class="y_oderStepLink"></div>
                </li>
                <li>
                    <span class="y_oder_icon">3</span>
                    <h6>付款到支付宝</h6>
                </li>
                <li>
                    <div class="y_oderStepLink"></div>
                </li>
                <li>
                    <span class="y_oder_icon">4</span>
                    <h6>确认收货</h6>
                </li>
                <li>
                    <div class="y_oderStepLink"></div>
                </li>
                <li>
                    <span class="y_oder_icon">5</span>
                    <h6>评价</h6>
                </li>
            </ul>
        </div>
        <div class="address">
            <span class="y_address_title">确认收货地址</span>
            <a href="#">管理收货地址</a>
            <hr>
            <ul>
                <li class="y_AddressActive">
                    <div><img src="./img/630.png" alt=""></div>
                    <span class="y_redFont">寄送至</span>
                    <input type="radio" name="address" checked>
                    <span id="address"></span>
                    <a href="">修改本地址</a>

                </li>
            </ul>
            <div> <button>使用新地址</button></div>
        </div>
        <!-- <div class="y_cainaiao_sever">
            <div> <span>菜鸟驿站免费代收服务</span>
                <hr>
                <p>
                    <input type="checkbox">
                    <span>[菜鸟驿站]广东省 广州市 天河区 林和街道沾益直街168号菜鸟驿站（广州幼儿师范学校对面）(电话:13318809671)（徐梦韵收）15920344314</span>
                    <a href="#">修改驿站</a>
                </p>
            </div>

        </div> -->
        <div class="clearfix">
            <p><span class="y_order_indo_title">确认订单信息</span> </p>
            <ul class="y_container ">
                <li>店铺宝贝</li>
                <li>商品属性</li>
                <li>单价</li>
                <li>数量</li>
                <li>优惠方式</li>
                <li>小计</li>
            </ul>
            <div class="y_shopName">
                <div>店铺: 战双帕弥什官方店</div>
                <div>卖家: 作战支援部管理者</div>
                <div><img src="" alt=""></div>
            </div>
            <div id="orderNum">
                <!-- //////// -->
            </div>

            <div class="y_message">
                <div class="y_order_message">
                    <span>给卖家留言：</span>
                    <textarea name="" id="" cols="10" rows="3" placeholder="选填，请先跟商家协商一致"></textarea>

                </div>
                <div class="y_order_box">
                    <div class="y_order_shop_delevry">
                        <div>运送方式：普通配送快递￥10.00

                            <span class="y_floatRight">
                            10.00</span>
                        </div>
                    </div>
                    <div class="y_order_shop_info">
                        <div>
                            <label>                             <span>运费险:</span>
    <input type="checkbox" id="delevery" onchange="changeToatl()"><span> 
    <span class="y_green">运费险</span> 退换货可赔付10元</label>

                            <span class="y_floatRight">1.23</span></div>
                    </div>
                </div>
            </div>
            <div class="shop_item_total ">
                <div> 店铺合计(含运费) <span id="sum">￥70.00</span></div>

            </div>
            <div class="y_checkbox">
                <div> <label><input type="checkbox">朋友代付<span> </label>

                    <label><input type="checkbox">匿名购买<span> </label></div>
            </div>
            <div class="y_orderInfo_msg realpay ">
                <div class="box__shadow">
                    <span class="realpay--title">实付款：<span class="realpay--price-symbol">¥<span id="total">71.04</span></span>
                    </span>
                    <div id="addressaaa"></div>
                </div>
            </div>
            <div class="y_subit_msg">
                <div> <button><a href="javascript:button()">提交订单</a> </button>
                    <a href="cart.html">返回购物车</a>

                </div>
            </div>
            <div class="y_tip_msg">
                <div>若价格变动，请在提交订单后联系卖家改价，并查看已买到的宝贝</div>
                <div>请仔细阅读“海外购物须知”，提交订单表示您已同意相关条款</div>
            </div>

    </section>
    <script src="../game/js/jquery-3.1.1.min.js"></script>
    <script src="res/artTemplate/template-native.js"></script>
    <script src="./js/order.js"></script>
    <script type="text/template" id="userTpl">
        <%if(userInfo!==""){%>
            <a href="javascript:loginOut();" class="userColor">退出</a>
            <a href="#" class="userColor"><span>欢迎登陆</span>
                <%=userInfo%>
            </a>
            <% } else {%>
                <a href="login.html" class="userColor">登录<%=userInfo%></a>
                <% }%>
    </script>
    <script type="text/template" id="OrderTpl">
        <% for(let i=0;i<data.length;i++){%>
            <ul class="y_container_shopItem " id="orderNum">
                <li>
                    <div class="y_shopItem_pic">
                        <img src="<%=data[i].pic[0].picAddr%>" alt="">
                    </div>
                    <p class="y_info-title">
                        <%=data[i].proName%>
                    </p>
                    <div class="y_icon_span">
                        <div class="y_sprite"></div>
                        <div class="y_sprite"></div>
                    </div>
                    <div class="y_orderTips">
                        发货时间：付款后5天内
                    </div>
                </li>
                <li class="y_order_size">
                    <span>大小：30*70CM</span>
                    <span> 颜色分类：咖啡馆之约款</span>
                </li>
                <li class="y_old_price"><span> <%=data[i].price%></span></li>
                <li class="y_amount"><span>
                    <%=data[i].num%>
                </span></li>
                <li class="y_sale"><span>无优惠</span></li>
                <li class="y_price"><span class="shop_total">
                    <%=data[i].price*data[i].num%>
                </span></li>
            </ul>
            <% }%>
    </script>


    <script type="text/template" id="addressTpl">
        <%=data[0].address%>
            <%=data[0].addressDetail%>
                <%=data[0].recipients%>
                    <%=data[0].mobile%>
    </script>
    <script type="text/template" id="addressNowTpl">
        <p>
            <span class="y_font_bold"> 寄送至：
                </span>
            <%=data[0].address%>
                <%=data[0].addressDetail%>
        </p>
        <p>
            <span class="y_font_bold"> 收货人：
            </span>
            <%=data[0].recipients%>
                <%=data[0].mobile%>
        </p>
    </script>
</body>

</html>